<!DOCTYPE html>
{#{% load bootstrap3 %}#}
{#{% bootstrap_css %}#}
{#{%  bootstrap_javascript %}#}
{% load staticfiles %}
<html lang="en">
  	<head>
	    <meta charset="utf-8">
	    <title>408</title>
	    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

	    <!-- Bootstrap core CSS -->
	    <link  rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}" >

		<!-- Font Awesome -->
{#        <link  rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}" >#}
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
		<!-- ionicons -->
        <link  rel="stylesheet" href="{% static 'css/ionicons.min.css' %}" >

		<!-- Simplify -->
        <link  rel="stylesheet" href="{% static 'css/simplify.min.css' %}" >
        {% block css %}{% endblock %}
  	</head>

  	<body class="overflow-hidden light-background">
		<div class="wrapper no-navigation preload">
			<div class="error-wrapper">
				<div class="error-inner">
					<div class="error-type">404</div>
					<h2>网页丢了</h2>
					<p>Look like the page you're looking for isn't here anymore.
						Try typing the address again or start over from the home page.</p>
					<div class="m-top-md">
						<a href="{% url 'home' %}" class="btn btn-default btn-lg text-upper">回首页</a>
					</div>
				</div><!-- ./error-inner -->
			</div><!-- ./error-wrapper -->
		</div><!-- /wrapper -->

		<a href="" id="scroll-to-top" class="hidden-print"><i class="icon-chevron-up"></i></a>

	    <!-- Le javascript
	    ================================================== -->
	    <!-- Placed at the end of the document so the pages load faster -->

		<!-- Jquery -->
		<script src="{% static 'js/jquery-1.11.1.min.js' %}"></script>

		<!-- Bootstrap -->
	    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>

		<!-- Slimscroll -->
		<script src="{% static 'js/jquery.slimscroll.min.js' %}"></script>

		<!-- Popup Overlay -->
		<script src="{% static 'js/jquery.popupoverlay.min.js'%}"></script>

		<!-- Modernizr -->
		<script src="{% static 'js/modernizr.min.js' %}"></script>

		<!-- Simplify -->
		<script src="{% static 'js/simplify/simplify.js'%}"></script>
        {% block js %}{% endblock %}
		<script>
			$(function()	{
				setTimeout(function() {
					$('.error-type').addClass('animated');
				},100);
			});
		</script>

  	</body>
</html>
